<style>
    .audio{
        width: 400px;
        height: 36px;
        border-radius: 100px;
        box-shadow: 0 0 5px #ccc;
        margin-top: 12px;
        overflow: hidden;
        line-height: 36px;
        background-color: #fff;
    }
    .sanjiao{
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 25px;
        top: 10px;
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent transparent #4377DE;
        cursor: pointer;
    }
    .bgRoll{
        width: 200px;
        height: 2px;
        position: absolute;
        top: 17px;
        left: 129px;
        background-color: #ccc;
    }
    .pRoll{
        width: 0;
        height: 2px;
        background-color: #4377DE;
    }
</style>
<div class="audio" style="text-indent: 50px;position: relative">
    <span class="sanjiao" ng-click="$ctrl.play()" ng-if="!$ctrl.begin"></span><a ng-if="$ctrl.begin" style="position: absolute;left: 25px;text-indent:0;" ng-click="$ctrl.stop()">||</a>
    <span>{{$ctrl.nowTime||'00:00'}}/{{$ctrl.allTime}}</span>
    <div class="bgRoll">
        <div class="pRoll" ng-style="{width:$ctrl.now}"></div>
    </div>
    <a style="position: absolute;right: 20px" ng-href="{{$ctrl.value}}" target="_self">下载</a>
</div>